<template>
	<div class="page">
		<echart-geo id="geo" class="echart-component" :dataSource="dataSourceGeo"></echart-geo>
	</div>
</template>
  
<script>
import EchartGeo from '/@/jqkit/jqkECharts/echartGeo.vue';
import { dataSourceGeo } from '/@/jqkit/jqkECharts/echartTestDataSource';
export default {
	name: 'Page',
	components: {
		EchartGeo
	},
	data() {
		return {
			dataSourceGeo: dataSourceGeo
		};
	},
};
</script>
  
<style scoped lang="scss">
.page {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	.echart-component {
		width: 120vh;
		height: 70vh;
		background-color: rgba(255, 255, 255, 0.5);
	}
}
</style>